<template>
    <h2>
        <img :src="item.pic" :alt="item.title" />
        <small>{{ item.text }}</small>
    </h2>
</template>

<script>
    export default{
        props:['item']
    }
</script>

<style scoped>
    h2 {
        margin: 0;
    }
    
    h2 img {
        width: auto;
        height: 24px;
        display: inline-block;
    }
    
    h2 small {
        position: relative;
        top: -7px;
        font-size: 12px;
        font-weight: 300;
        color: #999;
    }
</style>
